<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <title>csxu</title>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
	<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <style>
        body{
            width: 1000px;
            margin: 0 auto;
            background-color: white;
        }
        .main{
            background-color: #eeffdd;
        }
    </style>
</head>

<body>
<div id="myCarousel" class="carousel slide">
	<!-- 轮播（Carousel）指标 -->
	<ol class="carousel-indicators">
		<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
		<li data-target="#myCarousel" data-slide-to="1"></li>
		<li data-target="#myCarousel" data-slide-to="2"></li>
	</ol>
	<!-- 轮播（Carousel）项目 -->
	<div class="carousel-inner">
		<div class="item active">
			<img src="/static/image/a.jpg" alt="First slide" style="width: 1000px;height: 300px">
		</div>
		<div class="item">
			<img src="/static/image/b.jpg" alt="Second slide" style="width: 1000px;height: 300px">
		</div>
		<div class="item">
			<img src="/static/image/c.jpg" alt="Third slide" style="width: 1000px;height: 300px">
		</div>
        <div class="item">
			<img src="/static/image/d.jpg" alt="Third slide" style="width: 1000px;height: 300px">
		</div>
	</div>
	<!-- 轮播（Carousel）导航 -->
	<a class="carousel-control left" href="#myCarousel"
	   data-slide="prev">&lsaquo;</a>
	<a class="carousel-control right" href="#myCarousel"
	   data-slide="next">&rsaquo;</a>
</div>

<div style="clear: both"></div>

{#<img src="/static/image/a.jpg" style="width: 1000px;height: 300px" alt="">#}
<div class="main">
    <h1 style="text-align: center;color: red">长大助手为您服务</h1>

{# 第一个div#}
    <div style="width: 250px;border: 1px solid red;float: left;">
        <div>
            <img src="/static/image/1.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">长沙学院课表查询</a>
            </h3>
            <p style="text-align: center">Schedule the query</p>
        </div>
    </div>

{# 第二个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-left: 120px">
        <div>
            <img src="/static/image/2.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">长沙学院成绩查询</a>
            </h3>
            <p style="text-align: center">Results the query</p>
        </div>
    </div>

{# 第三个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-left: 120px">
        <div>
            <img src="/static/image/3.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">长沙学院教师查询</a>
            </h3>
            <p style="text-align: center">Teachers query</p>
        </div>
    </div>

    {# 第四个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-top: 50px">
        <div>
            <img src="/static/image/4.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">长沙学院校园地图</a>
            </h3>
            <p style="text-align: center">Campus map</p>
        </div>
    </div>

  {# 第五个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-left: 120px;margin-top: 50px">
        <div>
            <img src="/static/image/5.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">长沙学院电子图书</a>
            </h3>
            <p style="text-align: center">Electronic books</p>
        </div>
    </div>

{# 第六个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-left: 120px;margin-top: 50px">
        <div>
            <img src="/static/image/6.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="http://47.93.57.6:3389/" style="color: #337ab7;text-decoration:none;">长沙学院社区论坛</a>
            </h3>
            <p style="text-align: center">Community communication</p>
        </div>
    </div>

    {# 第七个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-top: 50px">
        <div>
            <img src="/static/image/7.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">还在等什么</a>
            </h3>
            <p style="text-align: center">Chat a lower classwoman</p>
        </div>
    </div>

  {# 第八个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-left: 120px;margin-top: 50px">
        <div>
            <img src="/static/image/8.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">长沙学院阳光平台</a>
            </h3>
            <p style="text-align: center">The sun platform</p>
        </div>
    </div>

{# 第九个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-left: 120px;margin-top: 50px">
        <div>
            <img src="/static/image/9.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">长沙学院失物招领</a>
            </h3>
            <p style="text-align: center">The lost and found</p>
        </div>
    </div>

    {# 第十个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-top: 50px">
        <div>
            <img src="/static/image/10.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">长沙学院快递查询</a>
            </h3>
            <p style="text-align: center">Express query</p>
        </div>
    </div>

  {# 第十一个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-left: 120px;margin-top: 50px">
        <div>
            <img src="/static/image/11.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">长沙学院学校校历</a>
            </h3>
            <p style="text-align: center">School calendar</p>
        </div>
    </div>

{# 第十二个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-left: 120px;margin-top: 50px">
        <div>
            <img src="/static/image/12.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">学习网站推荐</a>
            </h3>
            <p style="text-align: center">Learning website</p>
        </div>
    </div>

    {# 第十三个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-top: 50px">
        <div>
            <img src="/static/image/13.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">长沙学院新闻推送</a>
            </h3>
            <p style="text-align: center">The news pushed</p>
        </div>
    </div>

  {# 第十四个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-left: 120px;margin-top: 50px">
        <div>
            <img src="/static/image/14.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">上车吧，老司机</a>
            </h3>
            <p style="text-align: center">ccsu St.</p>
        </div>
    </div>

{# 第十五个div#}
    <div style="width: 250px;border: 1px solid red;float: left;margin-left: 120px;margin-top: 50px">
        <div>
            <img src="/static/image/15.jpg" alt="" style="width: 250px;height: 120px;">
        </div>
        <div>
            <h3 style="text-align: center">
                <a href="" style="color: #337ab7;text-decoration:none;">招聘信息查询</a>
            </h3>
            <p style="text-align: center">Recruitment information enquiry</p>
        </div>
    </div>

    <div style="clear: both"></div>

    <div style="width: 1000px;height: 48px;background-color: #dddddd;text-align: center;line-height: 48px">Powerd by CCSU</div>
</div>


</body>



</html>